<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>书籍查询-确认借阅书籍信息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="${pageContext.request.contextPath }/dist/css/bootstrap.min.css" type="text/css"></link>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/ie10-viewport-bug-workaround.css" type="text/css"></link>
    <link rel="stylesheet" href="${pageContext.request.contextPath }/assets/css/justified-nav.css" type="text/css"></link>
    <script type="text/javascript" src="${pageContext.request.contextPath }/assets/js/ie-emulation-modes-warning.js"></script>
    
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/jquery.pagination.css" />
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.pagination.min.js"></script>
    
    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }
        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    </style>
    
</head>
<body>
<div class="container">
      <div class="masthead">
        <h3 class="text-muted">智能图书管理系统</h3>
        <nav>
          <ul class="nav nav-justified">
            <li><a href="<%=request.getContextPath()%>/user/show">图书查询</a></li>
            <li><a href="<%=request.getContextPath()%>/user/back">借阅查询</a></li>
            <li class="active"><a href="<%=request.getContextPath()%>/user/showBackBook">图书归还或评分</a></li>
            <li><a href="<%=request.getContextPath()%>/user/showReserveBook">预约查询</a></li>
            <li><a href="<%=request.getContextPath()%>/user/person">个人信息</a></li>
            <li><a href="<%=request.getContextPath()%>/quit">退出登录</a></li>
          </ul>
        </nav>
      </div>
      
     <br>
   <form action="${pageContext.request.contextPath }/user/insertPinFen" method="post" class="definewidth m20" align="center">
    <input type="hidden" name="bookid" value="${book.id}" />
    <input type="hidden" name="backid" value="${backid}" />
     <div class="container"  style="float:left; width:25%">   
       <img src="../bookimg/${book.id}.jpg" style="width:200px;height:300px"/>
     </div>
     
     <div style="float:left; width:75%">   
       <table class="table table-bordered table-hover definewidth m10">
        <tr>
        	<h2>本书的信息如下：</h2>
        </tr>
        <tr>
            <td class="tableleft">书籍名称</td>
            <td><input type="text" name="bname" value="${book.bname}" disabled="disabled"/></td>
        </tr>
        <tr>
            <td class="tableleft">作者</td>
            <td><input type="text" name="author" value="${book.author}" disabled="disabled"/></td>
        </tr>
        <tr>
            <td class="tableleft">出版社</td>
            <td><input type="text" name="birth" value="${book.birth}" disabled="disabled"/></td>
        </tr>
        <tr>
             <td class="tableleft">版本</td>
            <td><input type="text" name="edition" value="${book.edition}" disabled="disabled"/></td>
        </tr>
    
       
      </table>
    </div>
  
      <p align="left">请给出你的评分：(10分制) </p>
      <select class="form-control" name="rating" style="width:200px" >
					<option value="-1" selected="selected">--请选择你的评分--</option>
					<option value="0">0分</option>
					<option value="1">1分</option>
					<option value="2">2分</option>
					<option value="3">3分</option>
					<option value="4">4分</option>
					<option value="5">5分</option>
					<option value="6">6分</option>
					<option value="7">7分</option>
					<option value="8">8分</option>
					<option value="9">9分</option>
					<option value="10">10分</option>
     </select>
    
     <br/>

      请写下你的评价：</br>
      <textarea name="comments" style="height:200px;width:600px;" ></textarea>
      </br><br>
      <a class="btn btn-primary" href="javascript:history.go(-1);">返回上一页</a>
      <button class="btn btn-success" type="submit">提交评分信息</button>
     
</form>
 <!-- Site footer -->
      <footer class="footer" align="center">
        <p>YanJiaDou &copy; 2020 版权所有</p>
      </footer>

</div>

</body>
</html>
<script>
    $(function () {       
		$('#backid').click(function(){
				window.location.href="{:U('User/index')}";
		 });

    });
</script>